<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>remove detach测试</title>
	<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
</head>
<body>
	<p>abc</p>
	<p>ede</p>
	<div id="dv">111<span>asdfasd</span></div>
	<div>222</div>
	<script>
		//用div包p
		$('p').wrap(function(index){
			return "<div></div>";
		});
		//点击#dv 时清除p的父元素
		$('#dv').click(function(){
			$('p').unwrap();
		});

		//删除#dv里边的子内容
		//$('#dv').empty();

		//删除#dv及子内容,以及解除#dv的绑定事件 附加的数据
		//var dv = $('#dv').remove();
		//删除#dv及子内容,以及不解除#dv的绑定事件 附加的数据
		var dv = $('#dv').detach();
		//给最后个div添加一个点击事件
		$('div:last').click(function(){
			//向当前div前边追加删除的内容
			$(this).before(dv[0]);
		});
	</script>
</body>
</html>